<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单元素</title>
</head>
<body>
    <!-- 
        表单 form
        1.action属性：指定提交到后台的地址
        2.method属性：指定提交的方式，默认是Get，也可以指定Post

        表单元素
        input标签
        1.type属性：指定输入的类型
        2.name属性：指定输入的名称，使用form表单时必须指定name进行收集数据
        3.id属性：  指定输入的id
        4.value属性：指定输入的默认值
        5.placeholder属性：指定输入的提示信息


        type的值：
        1.text：文本输入框
        2.password：密码输入框
        3.submit：提交按钮
        4.reset：重置按钮
        5.file：文件上传
    -->
    <form action="#" method="get">
        <table border="1px" cellspacing="0" cellpadding="5px" align="center">
            <tr>
                <caption>登录界面</caption>
            </tr>
            <tr>
                <td>姓名</td>
                <fieldset>
                    <legend>必填项</legend>
                    <td><input type="text" name="name" id="username" placeholder="请输入姓名"></td>
                </fieldset>
            </tr>
            <tr>
                <td>头像</td>
                <td><input type="file" name="file"></td>
            </tr>
            <tr>
                <td>密码</td>
                <td><input type="password" name="pwd" id="password" placeholder="请输入密码"></td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <input type="submit" value="登录">&nbsp;&nbsp;
                    <input type="reset" value="重置">
                </td>
            </tr>
        </table>
    </form>
</body>
</html>